<!doctype html>
<html>
<head>
<!-- 声明文档使用的字符编码 -->
<meta charset='utf-8'>
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<!-- 页面描述 -->
<meta name="description" content="不超过150个字符"/>
<!-- 页面关键词 -->
<meta name="keywords" content=""/>
<!-- 网页作者 -->
<meta name="author" content="guo,1057540638@qq.com"/>
<!-- 搜索引擎抓取 -->
<meta name="robots" content="index,follow"/>
<!-- 为移动设备添加 viewport -->
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=3,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
<!-- `width=device-width` 会导致 iPhone 5 添加到主屏后以 WebApp 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->

<!-- iOS 设备 begin -->
<meta name="apple-mobile-web-app-title" content="标题">
<!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->

<!--meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" -->
<!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<!-- 设置苹果工具栏颜色 -->
<meta name="format-detection" content="telphone=no, email=no"/>
<!-- 忽略页面中的数字识别为电话，忽略email识别 -->

<!-- 启用360浏览器的极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 不让百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- iOS 图标 begin -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-57x57-precomposed.png"/>
<!-- iPhone 和 iTouch，默认 57x57 像素，必须有 -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114-precomposed.png"/>
<!-- Retina iPhone 和 Retina iTouch，114x114 像素，可以没有，但推荐有 -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144-precomposed.png"/>
<!-- Retina iPad，144x144 像素，可以没有，但推荐有 -->
<!-- iOS 图标 end -->

<!-- iOS 启动画面 begin -->
<link rel="apple-touch-startup-image" sizes="768x1004" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 768 x 1004（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="1536x2008" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 竖屏 1536x2008（Retina） -->
<link rel="apple-touch-startup-image" sizes="1024x748" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 1024x748（标准分辨率） -->
<link rel="apple-touch-startup-image" sizes="2048x1496" href="img/App-ios-logo-152x152.png"/>
<!-- iPad 横屏 2048x1496（Retina） -->

<link rel="apple-touch-startup-image" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 320x480 (标准分辨率) -->
<link rel="apple-touch-startup-image" sizes="640x960" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone/iPod Touch 竖屏 640x960 (Retina) -->
<link rel="apple-touch-startup-image" sizes="640x1136" href="img/App-ios-logo-152x152.png"/>
<!-- iPhone 5/iPod Touch 5 竖屏 640x1136 (Retina) -->
<!-- iOS 启动画面 end -->

<!-- iOS 设备 end -->
<meta name="msapplication-TileColor" content="#000"/>
<!-- Windows 8 磁贴颜色 -->
<meta name="msapplication-TileImage" content="icon.png"/>
<!-- Windows 8 磁贴图标 -->

<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml"/>
<!-- 添加 RSS 订阅 -->
<link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
<!-- 添加 favicon icon -->
<!-- sns 社交标签 begin -->
<!-- 参考微博API -->
<meta property="og:type" content="类型" />
<meta property="og:url" content="URL地址" />
<meta property="og:title" content="标题" />
<meta property="og:image" content="图片" />
<meta property="og:description" content="描述" />
<!-- sns 社交标签 end -->
<title>订单详情</title>
<link rel="stylesheet" href="__INDEX__/css/common.css">
<link rel="stylesheet" href="__INDEX__/css/font.css">
<link rel="stylesheet" href="__INDEX__/css/header.css">
<link rel="stylesheet" href="__INDEX__/css/footer.css">
<link rel="stylesheet" href="__INDEX__/css/index.css">
<link rel="stylesheet" href="__INDEX__/css/responsive.css">
</head>

<body ontouchstart="return true;">

	<!--头部-->
	<header>
		<div class="header">
			<h1>订单详情</h1>
			<a href="{:url('index/index')}" class="return"><i></i></a>
		</div>
	</header>
	
	<!--内容区-->
	<article class="main-container">
		
		<!--订单编号-->
		<div class="memberDetailheader line">订单号：{$order_info['order_sn']}</div>
		
		<!--收货地址-->
		<div class="order-Address line select">
			<dl>
				<dt><i class="icon-head"></i>{$order_info['consignee']}&nbsp;&nbsp;<i class="icon-phone"></i>{$order_info['mobile']}</dt>
				<dd>{$order_info['address']}</dd>
			</dl>
		</div>
		
		<!--购买商品-->
		<div class="list-content cartlist order-Pro memberDetaillist">
			<ul class="line-li">
				{volist name="$order_info.order_item" id="order_item"}
				<li>
					<a href="#"><div class="pro-img"><img src="{$order_item['thumb']}" alt=""></div></a>
					<div class="pro-con"><h3>{$order_item['goods_name']}</h3><b>￥{$order_item['price']}<s>￥{$order_item['sale_price']}</s></b><p>X{$order_item['nums']}</p></div>
				</li>
				{/volist}
			</ul>
		</div>
		
		<!--支付方式-->
		<div class="list list-select">
			<ul class="line">
				<li>配送方式：<font>
					{if $order_info.order_type ==1}
					送货上门
					{else /}
					门店选购
					{/if}
					</font></li>
			</ul>
		</div>
		
		<!--价格、下单时间-->
		<div class="memberDetailPrice line">
			<p>￥{$order_info['total_price']}</p>
			<p>下单时间：{$order_info['add_time']}</p>
		</div>
		
		<!--按钮-->
		<div class="memberDetailFooter line">
			{if $order_info.status==1}
				<button onclick="qxorder('{$order_info.id}')">取消</button><button onclick="gozf('{$order_info.order_sn}')">去支付</button>
				{/if}
				{if $order_info.status==3}
				<button onclick="qrorder('{$order_info.id}')">确认收货</button>
				{/if}
		</div>
		
	</article>

</body>
</html>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/swipe-min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="__INDEX__/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="__INDEX__/js/swipe-min.js"></script>
<script type="text/javascript" src="__INDEX__/js/common.js"></script>
<script type="text/javascript" src="__INDEX__/js/layui.js"></script>
<script>
	function gozf(sn){
		var url = '/index/pay/dopayshop/sn/'+ sn;
	  	parent.location.href = url;	
	}
	
	//订单取消
	function qxorder(id){
		$.ajax({
			url: "{:url('member/cancel_order')}",
			type: 'POST',
			data: {
				id : id
			},
			//成功了的回调，并且带有返回值
			success: function(data) {
				if(data.code==200){
                	layer.msg(data.msg, {
					  icon: 1,
					  time: 1000 //2秒关闭（如果不配置，默认是3秒）
					}, function(){
						var url = '/index/member/member_order/type/1';
					  	parent.location.href = url;		
					});
                }else{
                	layer.msg(data.msg);//保存成功提示
                }

			}
		})
	}
	
	
	//确认收货
	function qrorder(id){
		$.ajax({
			url: "{:url('member/qrorder')}",
			type: 'POST',
			data: {
				id : id
			},
			//成功了的回调，并且带有返回值
			success: function(data) {
				console.log(data);
				if(data.code==200){
                	layer.msg(data.msg, {
					  icon: 1,
					  time: 2000 //2秒关闭（如果不配置，默认是3秒）
					}, function(){
						var url = '/index/member/member_order/type/3';
					  	parent.location.href = url;		
					});
                }else{
                	layer.msg(data.msg);//保存成功提示
                }

			}
		})
	}
</script>
